let tt = document.querySelectorAll(".f00_1")
// console.log(tt)
tt[0].classList.add("nnn")
tt[0].firstElementChild.style.display = "block"



tt.forEach(v => {
    v.addEventListener("click", function () {
        tt.forEach(h => {
            h.classList.remove("nnn")
            h.firstElementChild.style.display = "none"
        })
        // console.log(v.getAttribute("y"))
        // v.firstElementChild.style.display = ""
        ddd.innerHTML = v.getAttribute("y")
        ccc.innerHTML = v.getAttribute("q")
        v.classList.add("nnn")
        v.firstElementChild.style.display = "block"
    })
})
// 拿到两个相关的数组
let title_0 = document.querySelectorAll("#title li");
let content_0 = document.querySelectorAll("#content div");
console.log(title_0, content_0)
// 遍历一下按钮
title_0.forEach((v,i) => {
    // 点击每个按钮实现的效果
    v.addEventListener("click", function () {
        // 再次遍历//移除已经选中的效果
        title_0.forEach((v,i) => {
            v.classList.remove("active")
            content_0[i].classList.remove("on")

        })
        v.classList.add("active")
        content_0[i].classList.add("on")
    })
})